<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">
.wrap{
    padding-bottom:.55rem;
}
.text-info{
    padding:.1rem;
    line-height: 1.2;
    color: inherit;
}
.text-info p{
    text-indent: .2rem;
    margin:.1rem auto;
}
.text-info img{
    width:100%;
}

.chapter-jump{
    width:100%;
    height:.5rem;
    line-height: .5rem;
    position: fixed;
    bottom:0px;
    z-index: 2;
    box-shadow: 0px -1px 2px #eee;
}
</style>

</head>
<body>

<?php include './inc/pagetitle_fav.html'; ?>

<div class="wrap">

<div class="sectionheader tc">
    <div class="sectiontitle">章节标题</div>
    <div class="sectionsubtitle _text_secondary ">章节简介描述</div>
</div>
<div class="line1"></div>
<div class="text-info _text_secondary">
    <p>
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
    </p>
    <img src="./../assets/img/chapter.jpg">
        <p>
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
       章节图文详细，章节图文详细，章节图文详细， 
    </p>
    <img src="./../assets/img/chapter.jpg">
</div>
<div class="line1"></div>
<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
 <div class="chapter-jump _bg_white around">
    <a href="./course_chapter_video_detail.php" class="jump-left" ><span class="ion-arrow-left-c"></span> 上一章</a>
    <a href="#" class="jump-right showmsg" data-msg="没有了">下一章 <span class="ion-arrow-right-c"></span></a>
</div>
</div>   

<!-- <?php include './inc/nav.html'; ?> -->

</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){




            // var resetVideoSize = function(myPlayer){
            //     var videoJsBoxWidth = $(".video-js").width();
            //     var ratio = 1440/900;
            //     var videoJsBoxHeight = videoJsBoxWidth/ratio;
            //     myPlayer.height(videoJsBoxHeight);
            // }
            // var myPlayer = videojs("my-video").ready(function(){
            //     this.width("100%");
            //     resetVideoSize(myPlayer);
            // });

            // $(window).on("resize", function(){
            //     resetVideoSize(myPlayer); 
            // });

})

</script>
</html>